<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE html>
  <html>
  <head>
        <meta charset="UTF-8">
      
		<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="js/util/easyui/themes/icon.css">
	
		<script type="text/javascript" src="js/util/jquery/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/util/easyui/jquery.easyui.min.js"></script>
	
		<!-- page controller -->
		<script type="text/javascript" src="js/index/textbox.api.js"></script>
		<script type="text/JavaScript" src="js/common.js"></script>
		<link href="css/css.css" rel="stylesheet" type="text/css">
</head>
<body >
  
	<div>
		<h1>用户管理</h1>
	</div>

    <table id="pageGrid" title="My Users" class="easyui-datagrid" style="width:700px;height:250px" 
            toolbar="#toolbar" pagination="true"
            rownumbers="true" fitColumns="true" singleSelect="true" >
    </table>
    
    
    <div id="toolbar">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()">新增用户</a>
       
    </div>
    
    <div id="dlg" class="easyui-dialog" style="width:400px"
            closed="true" buttons="#dlg-buttons">
        <form id="fm" method="post" onsubmit="return checkForm(this)" style="margin:0;padding:20px 50px">
            <div style="margin-bottom:20px;font-size:14px;border-bottom:1px solid #ccc">User Information</div>
            <div style="margin-bottom:10px">
                <input name="username" class="easyui-textbox" required="true" label="登录名:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="password" class="easyui-textbox" required="true" label="密码:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="realname" class="easyui-textbox" required="true" label="姓名:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="sex" class="easyui-textbox" required="true"  label="性别:" style="width:100%">
            </div>
           
            <div style="margin-bottom:10px">
                <input name="province" class="easyui-textbox" required="true" label="省份:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="city" class="easyui-textbox" required="true" label="城市:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="certtype" class="easyui-textbox" required="true" label="证件类型:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input id="cert" name="cert" class="easyui-textbox" required="true"  label="证件号码:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="usertype" class="easyui-textbox" required="true" validType="" label="用户类型:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="birthday" class="easyui-textbox" required="true" validType="" label="生日:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input name="content" class="easyui-textbox" required="true" validType="" label="备注:" style="width:100%">
            </div>
        </form>
    </div>
    <div id="dlg-buttons">
        <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="saveUser()" style="width:90px">Save</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Cancel</a>
    </div>
    
 </body>
</html>
